<template>
  <div class="top-left stat-border"></div>
  <div class="top-right stat-border"></div>
  <div class="bottom-left stat-border"></div>
  <div class="bottom-right stat-border"></div>
</template>
<script lang="ts" setup>
  
</script>
<style lang="scss">
.stat-border {
  position: absolute;
  pointer-events: none;
  width: 16px;
  height: 16px;
  border: 2px solid #000;
}
.top-left {
  top: 0;
  left: 0;
  border-bottom: none;
  border-right: none;
}
.top-right {
  top: 0;
  right: 0;
  border-bottom: none;
  border-left: none;
}
.bottom-left {
  bottom: 0;
  left: 0;
  border-top: none;
  border-right: none;
}
.bottom-right {
  bottom: 0;
  right: 0;
  border-top: none;
  border-left: none;
}
</style>